@import "~taro-ui/dist/style/components/checkbox.scss";
@import "~taro-ui/dist/style/components/icon.scss";
// @import "~taro-ui/dist/style/components/accordion.scss";

.gj004_switch_wrap {
	background-color: #f9f9f9;
	width: 100vw;
	min-height: 100vh;
	padding: 1px 0px 0px 0px;

	.switch_condition_box {
		padding-left: 16px;
		margin-top: 20px;
		letter-spacing: 1px;

		.title_box {
			font-size: 12px;
			color: #727171;
		}
	}

	.control_switch_box {
		margin-top: 10px;
		letter-spacing: 1px;
		line-height: 56px;

		.title_box {
			font-size: 12px;
			color: #727171;
			height: 20px;
			line-height: 20px;
			margin-bottom: 6px;
			padding-left: 16px;
		}

		.switch_main_box {
			background: white;
			padding: 0px 10px 0px 10px;

			.valve_box {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				border-bottom: 0.4px solid #ccc;
				padding: 0px 14px 0px 10px;

				.label_box {
					.valve_icon_img {
						width: 32px;
						height: 24px;
						margin-right: 3px;
						position: relative;
						top: 31.5%;
						transform: translateY(-50%);
					}

					.label {
						// font-weight: 500;
					}
				}

				.switch_value {
				}
			}
		}

		// .switch1_box {
		// 	display: flex;
		// 	flex-direction: row;
		// 	// justify-content: space-between;
		// 	padding-right: 24px;
		// 	padding-left: 4px;

		// 	.label {
		// 		font-weight: 500;
		// 	}

		// 	.switch_value {
		// 	}
		// }
	}
}

// switch
.con_switch {
	transform: scaleX(0.9) scaleY(0.9);
	margin-left: 30px;
}
